// vue.config.js
const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  css: {
    loaderOptions: {
      // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
      // 因为 `scss` 语法在内部也是由 sass-loader 处理的
      // 但是在配置 `prependData` 选项的时候
      // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
      scss: {
        prependData: '@import "~@/styles/variables.scss";' // css 里要加~符号才能使用@目录
      }
    }
  },
  devServer: {
    // proxy: {
    //   '/api': {
    //     target: 'http://test.com/',
    //     changeOrigin: true // 把请求头中的 host 配置为 target
    //   },
    // }
  }
}
